<html>
  <head>
    <style type="text/css">
    label {
        float: left;
        text-align: right;
        margin-right: 1em;
        width: 10em;
    }

    form div {
        margin: 0.5em;
        float: left;
        width: 100%;
    }

    form input[type="submit"] {
        margin-top: 1em;
        margin-left: 9em;
    }
    </style>
  </head>

  <body>
    <h1>Recent Posts</h1>

    % for post in c.posts:
      <h2>${post.title}</h2>
      <div>${post.body}</div>
      <div>Posted at ${post.posted_at}</div>
    % endfor

    <h1>New Post</h1>
    <form method="post">
      <% from webhelpers.html import literal %>
      ${literal(c.fs.render())}
      <input type="submit" />
    </form>
  </body>
</html>
